<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
  <head>
		<!-- title -->
		<title>Grey | Free Html5 Template</title>
		<meta property="wb:webmaster" content="9e6a7607bee736dc" />
        <%@ include file="/resources/jsp/common/global.jsp"%>
		<%@ include file="/resources/jsp/common/meta.jsp" %>
		<!-- meta -->
		

		<!-- links -->
		 <link href="resources/css/style.css" rel="stylesheet" media="screen"/>

		<!-- scripts -->
		<!-- IE Hacks -->
		<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
		<script src="resources/js/jquery-1.7.2.min.js"></script>
		<script src="resources/js/tmpl.js"></script>
		<script src="resources/js/index.js"></script>
    </head>
    <body class="home blog">
     
    	<!-- header -->
    	<header>
    		<div id="light">
	    		<div class="container_16">
	    			<h1 class="grid_8"><a href="#">Grey</a></h1>
					<nav class="grid_8">
					        <ul id="menu-menu" class="menu"><li><a href="#">Home</a></li>
							<li><a href="#">About</a></li>
							<li><a href="#">Contact</a></li>
							</ul>					
                    </nav>
	    		</div>
			</div>
    	</header>
        <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >Website Template</a></div>

		<!-- wrapper -->
		<div id="wrapper">
			<div class="container_16">
				<section id="posts" class="prefix_1 grid_9">
		           <c:forEach items="${books }" var="book" varStatus="status">
                        <article>
							<h2><a href="#" >${book.bookName }</a></h2>
							<p class="info">December 27th, 2010  |  by <span><a href="#"  rel="author">admin</a></span>  |  <a href="#"  rel="category">updates</a></p>
							<div class="time"><p>榜单<br><span>1122</span></p></div>
							
	                        <p><img src="resources/images/caffee-break-final-510x150.jpg" height="150" width="510"></p>
							
	        				<div class="entry">
	        					<p>${book.bookDesc }</p>
								<p> <a href="#" class="more-link">read more</a></p>
	        				</div>
	                        <div class="clear"></div>
						</article>
                    </c:forEach>
					
					<article>
						<h2><a href="#" >鼠疫/局外人</a></h2>
						<p class="info">December 27th, 2010  |  by <span><a href="#"  rel="author">admin</a></span>  |  <a href="#"  rel="category">updates</a></p>
						<div class="time"><p>榜单<br><span>2</span></p></div>
						
                        <p><img src="resources/images/caffee-break-final-510x150.jpg" height="150" width="510"></p>
						
        				<div class="entry">
        					<p>《鼠疫》的另一个好玩人物数“老气喘病患者”。他很悲观，觉得走下坡路的后半生，日子不可能由自己主宰，所以到了五十岁索性就躺倒在床上不高兴
        					再起来。他讨厌钟表，家里也找不出一块表，唯一关心的吃饭时间用锅计算，是的，他睁开眼睛就开始数鹰嘴豆，把它们从一只锅中拿出来，
        					又一粒粒放到另一只锅里。“每十五锅，”他说，“就得吃饭了。”唉，可爱的“老气喘病患者”对生活多么没有信心啊，毫无欲念和盼望，不过，
        					即便如此颓废，他仍然希望活得“越久越好”。 第三个人物……说说科塔尔。他是个悲剧人物。如果世界上的人只能简单分为光明和灰暗两类，他
        					无疑属于后者。他一定是“以非黑即白作为判断标准”的孩子们嘴里的 </p>
							<p> <a href="#" class="more-link">read more</a></p>
        				</div>
                        <div class="clear"></div>
					</article>
                    
				</section>

				<aside class="prefix_1 grid_5">
					<!-- Comments -->
					<h4>精彩评论</h4>
					<ul class="recent_comments">
					     <li>平凡人见证奇迹，英雄缔造奇迹。87天，627英里，一个退休老人在毫无准备的情况下突然决定出发，以其精神力量挽救生命垂危的老友，随即克服大量难以想象的困难徒步穿越英格兰，以其执着和勇气将不可能变为现实，用实际行动塑造了一段传奇。然而，当我们......<br><a href="#">By Timo</a><a href="#">From 豆瓣</a></li>
					     <li>　《一个人的朝圣》，是中文译名。原书英文名为《The unlikely pilgrimage of Harold Fry》，意为哈罗德•弗莱不可能的朝圣之旅，直白，而总括全文。翻译过来后，省略掉了一个最重要的词“不可能”，其实不妥，因为从开始直到最后，“不可能”，是贯穿全书的主旋律，是这整个故事、所有令人笑泪交加的可读性赖以生长的土壤......<br><a href="#">By Timo</a><a href="#">From 豆瓣</a></li>
					</ul>
					<p class="bottom_info"><a href="#" >共 8 篇书评 »</a></p>
					<div class="clear"></div>
					<hr>
                </aside>


            </div>
        </div>

		<!-- footer -->
		<footer>
			
		</footer>
</body>
</html>
<script type="text/javascript">
<!--
  Index.loadBooks();
//-->
</script>